<script type="text/javascript">
$(document).ready(function() {

});
</script>

<ul class="nav nav-pills">
	<li class="active">
		<a href="#calificaciones" data-toggle="tab">Calificaciones de ${usuario.nombreApellido }</a>
	</li>
	<g:if test="${usuario.calificacionesPendientes}">
		<li><a href="#divCalificacion" data-toggle="tab">Calificar usuarios</a></li>
	</g:if>
</ul>

<div class="tab-content">

	<div id="calificaciones" class="tab-pane active">
		<div class="row-fluid">
			<g:each in="${usuario.calificacionesRecibidas}" var="calificacion">
				<g:render template="/perfil/verCalificacion" model="[usuario: usuario, calificacion:calificacion, accordion: '#accordionCalificacionesRecibidas']"></g:render>
			</g:each>
		</div>
	</div>
	
	<div id="divCalificacion" class="tab-pane">
		<div class="row-fluid">
			<div class="accordion" id="accordionCalificacionesPendientes">
				<g:each in="${usuario.calificacionesPendientes}" var="calificacion">
					<g:render template="/perfil/calificarViaje" model="[usuario: usuario, calificacion:calificacion, accordion: '#accordionCalificacionesPendientes']"></g:render>
				</g:each>
			</div>
		</div>
	</div>
</div>